<template>
	<div class="swipe-wrapper">
		<mt-swipe :auto="4000" ref="swipeWrapper">
		  <mt-swipe-item>
			<router-link to="">
		  		<div class="img_box1 img_box"></div>
		  	</router-link>
		  </mt-swipe-item>
		  <mt-swipe-item>
			<router-link to="">
		  		<div class="img_box2 img_box"></div>
			</router-link>
		  </mt-swipe-item>
		  <mt-swipe-item>
			<router-link to="">
		  		<div class="img_box3 img_box"></div>
		  	</router-link>
		  </mt-swipe-item>
		</mt-swipe>
	</div>
</template>


<script>
	import { Swipe, SwipeItem } from 'mint-ui';
	export default ({
		
	})
</script>

<style lang="less">
	.img_box{width: 100%;height: 4.0rem;}
	.img_box1{background:red;}
	.img_box2{background:blue;}
	.img_box3{background:#ccc;}
	.swipe-wrapper{height:4.0rem;}
</style>